<template>
    <div id="temp">
        <!-- 顶部导航 -->
        <p class="common_style"><span class="greenStyle">讲师管理</span> / 编辑分类</p>

        <div class="teacher_info">
            <form class="form-horizontal teacher_form">
                <div class="form-group">
                    <label for="ipt1" class="col-sm-4 control-label">名称</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" id="ipt1" placeholder="填写分类名称">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label">类型</label>
                    <div class="col-sm-8">
                        <select class="form-control lesson_select_item input-sm">
                    <option>Vue</option>
                    <option>Angular</option>
                    <option>React</option>
                </select>
                    </div>
                </div>
                <div class="form-group">
                    <label for="ipt3" class="col-sm-4 control-label">排序</label>
                    <div class="col-sm-8">
                        <input type="text" class="form-control" id="ipt3" placeholder="10">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-4 control-label">是否显示</label>
                    <div class="col-sm-8">
                        <label class="radio-inline">
                            是<input type="radio" name="tiger">               
                       </label>
                        <label class="radio-inline">
                            否<input type="radio" name="tiger">
                       </label>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-success btn-sm fr">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</template>
<script>
</script>
<style scoped lang="less">
    #temp {
        padding: 15px;
        .common_style {
            background-color: #fff;
            border: 1px solid #dedede;
            border-radius: 5px;
        }
        >p {
            padding-left: 1em;
            line-height: 40px;
        }
        .greenStyle {
            color: #337ab7;
        }
        .teacher_info {
            width: 100%;
            padding: 20px 0;
            background-color: #fff;
            margin-top: 20px;
            .teacher_form {
                width: 50%;
                margin: 0 auto;
                .radio-inline {
                    width: 50px;
                    input {
                        margin-left: -30px;
                    }
                }
                .lesson_select_item{
                    width: 40%;
                }
                #ipt3{
                    width: 50px;
                    padding: 2px;
                    text-align: center;
                }
                 #ipt1{
                    width: 60%;
                }
            }
        }
    }
</style>